<%- include('../sidebar.html') %>

<div id='content'>
  <div class='panel'>
    <div class='header'>
      <ul class='breadcrumb'>
        <li><a href='/'>主页</a><span class='divider'>/</span></li>
        <li class='active'>新消息</li>
      </ul>
    </div>
    <% if (typeof(hasnot_read_messages) !== 'undefined' && hasnot_read_messages.length > 0) { %>
      <% hasnot_read_messages.map((message, index) => { %>
        <%- include('./message.html', { message, index }) %>
      <%}) %>
    <% } else { %>
    <div class='inner'>
      <p>无消息</p>
    </div>
    <% } %>
  </div>
  <div class='panel'>
    <div class='header'>
      <span class='col_fade'>过往信息</span>
    </div>
    <% if (typeof(has_read_messages) !== 'undefined' && has_read_messages.length > 0) { %>
    <% has_read_messages.map((message, index) => { %>
      <%- include('./message.html', { message, index }) %>
    <%}) %>
    <% } else { %>
    <div class='inner'>
      <p>无消息</p>
    </div>
    <% } %>
  </div>
</div>